 
	<style type="text/css">
		.weui_tab{
			height: 100vh;
			background-color:#999;
		}
	</style>



  <!-- weui / tabbar start-->	
  <!-- 框架的组件文档 "http://old.jqweui.com/components#tabbar" -->
	<div class="weui_tab">
    <!-- 内容区域 -->
    <div class="weui_tab_bd">
      

    </div>


    <!-- 底部导航栏 -->
    <div class="weui_tabbar">
      <a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
        <div class="weui_tabbar_icon">
          <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=322677660,3924712014&fm=26&gp=0.jpg" alt="">
        </div>
        <p class="weui_tabbar_label">微信</p>
      </a>
      <a href="javascript:;" class="weui_tabbar_item">
        <div class="weui_tabbar_icon">
          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594131154563&di=b076e9ec9f46504adbeabdab03c56be6&imgtype=0&src=http%3A%2F%2Fku.90sjimg.com%2Felement_pic%2F01%2F51%2F33%2F6457458c8748e3e.jpg" alt="">
        </div>
        <p class="weui_tabbar_label">通讯录</p>
      </a>
      <a href="javascript:;" class="weui_tabbar_item">
        <div class="weui_tabbar_icon">
          <img src="http://img1.imgtn.bdimg.com/it/u=1950623632,1186520211&fm=26&gp=0.jpg" alt="">
        </div>
        <p class="weui_tabbar_label">发现</p>
      </a>
      <a href="javascript:;" class="weui_tabbar_item">
        <div class="weui_tabbar_icon">
          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594131154563&di=b076e9ec9f46504adbeabdab03c56be6&imgtype=0&src=http%3A%2F%2Fku.90sjimg.com%2Felement_pic%2F01%2F51%2F33%2F6457458c8748e3e.jpg" alt="">
        </div>
        <p class="weui_tabbar_label">我</p>
      </a>
    </div>
    
  </div>

<script type="text/javascript">
  //获取tabbar项
  var tabitem=$('.weui_tabbar>a');
  tabitem.click(function(){
    console.log('click--'+$(this).children('.weui_tabbar_label').html());
    //dosomething.....
  })
</script>
<!-- weui / tabbar end-->	
